<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width" />
	<title>Dự án máy bay</title>
    
    <!--Thư viện hiệu ứng animate-->
    <link href="css/animate.min.css" rel="stylesheet" type="text/css"/>
    <!--Thư viện icon font-awesome-->
    <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <!--css for supper slide -->
    <link rel="stylesheet" type="text/css" href="css/superslides.css">
    <!--Reset css về mặc định trên các trình duyệt-->
	<link href="css/normalize.css"  rel="stylesheet" type="text/css"/>
    <!--Css dùng chung -->
	<link href="css/reset.css"  rel="stylesheet" type="text/css"/>
    <!--Css chính cho toàn trang -->
	<link href="css/style.css" rel="stylesheet" type="text/css" />
    <!--Jquery -->
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA-Cyix5_YzgntrHjaR7yIaYcatuGMGZbE"></script>
	<script>
          // maker là icon mặc định 
          function initialize() {
            var myLatlng = new google.maps.LatLng(20.856214, 106.678401);//toạ độ bản đồ 
            var mapOptions = {
              zoom: 17,//độ zoom của bản đồ
              center: myLatlng// vị trí trung tâm bản đồ
            }
            var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
          
            var marker = new google.maps.Marker({
                position: myLatlng,
                map: map
                
            });
          }
      
      google.maps.event.addDomListener(window, 'load', initialize);
    </script> 
	
</head>
<body>
<section id="fb-root"></section>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&appId=903153506380845&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


<nav class="itq-menu">
<section class="itq-wrapper">
    <ul class="main">
        <li class="main">
            <a class="main" href="">trang chủ</a>
        </li>
        <li class="main">
            <a class="main" href="">giới thiệu</a>
            <ul class="item">
                    <li class="item">
                        <a class="item" href="">Nhà tôi có một con bò</a>
                        <ul class="tang3">
                            <li class="tang3">
                                <a class="tang3" href="">con bò ăn được không</a>
                            </li>
                            <li class="tang3">
                                <a class="tang3" href="">con gà ăn được không</a>
                            </li>
                            <li class="tang3">
                                <a class="tang3" href="">con mèo ăn được không</a>
                            </li>
                        </ul>
                    </li>
                    <li class="item">
                        <a class="item" href="">Nhà tôi có một con gà</a>
                        <ul class="tang3">
                            <li class="tang3">
                                <a class="tang3" href="">con bò ăn được không</a>
                            </li>
                            <li class="tang3">
                                <a class="tang3" href="">con gà ăn được không</a>
                            </li>
                            <li class="tang3">
                                <a class="tang3" href="">con mèo ăn được không</a>
                            </li>
                        </ul>
                    </li>
                    <li class="item">
                        <a class="item" href="">Nhà tôi có một con mèo</a>
                        <ul class="tang3">
                            <li class="tang3">
                                <a class="tang3" href="">con bò ăn được không</a>
                            </li>
                            <li class="tang3">
                                <a class="tang3" href="">con gà ăn được không</a>
                            </li>
                            <li class="tang3">
                                <a class="tang3" href="">con mèo ăn được không</a>
                            </li>
                        </ul>
                    </li>
            </ul>
        </li>
        <li class="main">
            <a class="main" href="">sản phẩm</a>
        </li>
        <li class="main">
            <a class="main" href="">tin tức</a>
        </li>
        <li class="main">
            <a class="main" href="">đối tác</a>
        </li>
        <li class="main">
            <a class="main" href="">dự án</a>
        </li>
        <li class="main">
            <a class="main" href="">liên hệ</a>
        </li>
    </ul>
    <section class="form-search">
    	<form>
        	<input type="text" placeholder="Từ khoá tìm kiếm...">
            <input type="submit" value="">
            
        </form>
    </section>
</section>  <!-- .itq-wrapper -->  
</nav><!-- .itq-menu -->
<section class="clear"></section>
<header class="itq-header">
	<section class="itq-wrapper">
    	<h3>ĐẠI LÝ BÁN VÉ MÁY BAY </h3>
        <h1>GIA QUỲNH</h1>
        <section class="hotline">
        	<p>HOTLINE</p>
            <h4>0124 220 7405</h4>
        </section>
        
        
    </section><!-- .itq-wrapper -->
    
  
</header><!-- .itq-header -->
<section class="clear"></section>



<section class="itq-slider" >
	   <section class=" may-bay " data-delay='3000'  data-timeout="8000" >
           <img src="images/may-bay.png" >
       </section>
	  <section class="itq-wrapper">
      	 
      	  <section class="search-product">
          	 <header>
             	<h3>ĐẶT VÉ NHANH</h3>
             </header>
             <section class="form-search">
             	<form method="post" action="#">
                	
                   <section class="radio">
                   		<p>
                        	<input checked type="radio">Một chiều
                        </p>
                        <p>
                        	<input type="radio">Khứ hồi
                        </p>
                   </section>
                    <section class="pan6 tt" >
                    	<p>
                        	Điểm đi
                        </p>
                        <select>
                        	<option>Hà Nội</option>
                            <option>Hà Nội</option>
                            <option>Hà Nội</option>
                            <option>Hà Nội</option>
                        </select>
                    </section>
                    <section class="pan6 mau" >
                    	<p>
                        	Điểm đến
                        </p>
                        <select>
                        	<option>Hà Nội</option>
                            <option>Hà Nội</option>
                            <option>Hà Nội</option>
                            <option>Hà Nội</option>
                        </select>
                    </section>
                    <section class="pan6 tt" >
                    	<p>
                        	Ngày đi
                        </p>
                        <select>
                        	<option>Hà Nội</option>
                            <option>Hà Nội</option>
                            <option>Hà Nội</option>
                            <option>Hà Nội</option>
                        </select>
                    </section>
                    <section class="pan6 mau" >
                    	<p>
                        	Ngày đến
                        </p>
                        <select>
                        	<option>Hà Nội</option>
                            <option>Hà Nội</option>
                            <option>Hà Nội</option>
                            <option>Hà Nội</option>
                        </select>
                    </section>
                     <section class="pan4 tuoi" >
                    	<p>
                        	Người lớn
                        </p>
                        <select>
                        	<option>Hà Nội</option>
                            <option>Hà Nội</option>
                            <option>Hà Nội</option>
                            <option>Hà Nội</option>
                        </select>
                        <span>(12 tuổi trở lên)</span>
                    </section>
                    <section class="pan4 tuoi treem" >
                    	<p>
                        	Trẻ em
                        </p>
                        <select>
                        	<option>Hà Nội</option>
                            <option>Hà Nội</option>
                            <option>Hà Nội</option>
                            <option>Hà Nội</option>
                        </select>
                        <span>(12 tuổi trở lên)</span>
                    </section>
                    <section class="pan4 tuoi embe" >
                    	<p>
                        	Em bé
                        </p>
                        <select>
                        	<option>Hà Nội</option>
                            <option>Hà Nội</option>
                            <option>Hà Nội</option>
                            <option>Hà Nội</option>
                        </select>
                        <span>(12 tuổi trở lên)</span>
                    </section>
                   
                    <section >
                    	<input type="submit" value="Tìm kiếm">
                    </section>
                </form>
             </section>
             
          </section><!-- .search-product -->
      </section><!-- .itq-wrapper -->
      <section id="slides">
          <ul class="slides-container">
              <li>
                  <img src="uploads/slider-1.jpg" alt="">
              </li>
              <li>
                  <img src="uploads/slider-2.jpg" alt="">
              </li>
          </ul>
          
      
          <!-- <nav class="slides-navigation">
            <a href="#" class="next"><img src="images/next.png"></a>
            <a href="#" class="prev"><img src="images/prev.png"></a>
          </nav> -->
      </section> <!-- .itq-slides -->

</section><!-- .itq-slider -->
<section class="clear"></section>

<section class="itq-container">
	<section class="itq-wrapper">
    	<section class="modul">
        	<header>
            	<img class="title-img" src="images/title-menu.png">
            	<h3>VÉ MÁY BAY KHÁCH ĐẶT MỚI NHẤT</h3>
            </header>
            <section class="main-modul">
            	<ul class="left">
                	<li>
                    	<p>Khách đặt vé máy bay <b>Một chiều</b> từ <b>Vinh </b>đến <b>Sài Gòn</b></p>
                        <p>Thời gian : 2014-07-08  10:15:32    <b>Giá:</b> <span>7.900.000 VNĐ</span></p>
                        <p class="time">1 phút trước</p>
                    </li>
                    <li>
                    	<p>Khách đặt vé máy bay <b>Một chiều</b> từ <b>Vinh </b>đến <b>Sài Gòn</b></p>
                        <p>Thời gian : 2014-07-08  10:15:32    <b>Giá:</b> <span>7.900.000 VNĐ</span></p>
                        <p class="time">1 phút trước</p>
                    </li>
                    <li>
                    	<p>Khách đặt vé máy bay <b>Một chiều</b> từ <b>Vinh </b>đến <b>Sài Gòn</b></p>
                        <p>Thời gian : 2014-07-08  10:15:32    <b>Giá:</b> <span>7.900.000 VNĐ</span></p>
                        <p class="time">1 phút trước</p>
                    </li>
                    
                </ul>
            </section>
        </section><!-- .modul -->
		<section class="modul" style="float:right;">
        	<header>
            	<img class="title-img" src="images/title-menu.png">
            	<h3>CÁC HÌNH THỨC ĐẶT MUA VÉ MÁY BAY</h3>
            </header>
            <section class="main-modul">
            	<ul class="right">
                	<li>
                    	<h3><span>1</span>Trực tiếp trên website - Nhanh Nhất - Thuận tiện nhất</h3>
                        
                    </li>
                    <li>
                    	<h3><span>2</span>Trực tiếp trên website - Nhanh Nhất - Thuận tiện nhất</h3>
                        <p>HOTLINE : 01242207405</p>
                        
                    </li>
                    <li>
                    	<h3><span>2</span>Trực tiếp trên website - Nhanh Nhất - Thuận tiện nhất</h3>
                        <h6>
                        	Book quốc tế :
                        	<a href=”ymsgr:sendim?vinablogbs”>
                   			<img  width="70px"src="http://opi.yahoo.com/online?u=vinablogbs&m=g&t=2" alt="VinaBlog.blogspot.com" border=0>
             				 </a>
                        	hop23typhu
                        </h6>
                         <h6>
                        	Book quốc tế :
                        	<a href=”ymsgr:sendim?vinablogbs”>
                   			<img width="70px" src="http://opi.yahoo.com/online?u=vinablogbs&m=g&t=2" alt="VinaBlog.blogspot.com" border=0>
             				 </a>
                        	hop23typhu
                        </h6>
                        
                        
                    </li>
                     <li>
                    	<h3><span>4</span>Trực tiếp trên website - Nhanh Nhất - Thuận tiện nhất</h3>
                        <ul>
                        	<li>
                            	<img src="uploads/nh1.png">
                            </li>
                            <li>
                            	<img src="uploads/nh2.png">
                            </li>
                        	<li>
                            	<img src="uploads/nh3.png">
                            </li>
                        </ul>
                        
                    </li>
                     <li>
                    	<h3><span>5</span>Trực tiếp trên website - Nhanh Nhất - Thuận tiện nhất</h3>
                        <figure>
                        	<img src="uploads/ha.png">
                        </figure>
                        
                    </li>
                    
                    
                </ul>
            </section>
        </section><!-- .modul -->
        <section class="modul">
        	<header>
            	<img class="title-img" src="images/title-menu.png">
            	<h3>Bản đồ đến đại lý</h3>
            </header>
            <section class="main-modul">
            	<section id="map-canvas">
                
                </section>
            </section>
        </section><!-- .modul -->
        <section class="block-footer">
        	<ul>	
            	<li>
                	<h1>VÉ MÁY BAY ĐI QUỐC TẾ</h1>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
            </ul>
            <ul>	
            	<li>
                	<h1>VÉ MÁY BAY ĐI QUỐC TẾ</h1>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
            </ul>
            <ul>	
            	<li>
                	<h1>VÉ MÁY BAY ĐI QUỐC TẾ</h1>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
            </ul>
            <ul>	
            	<li>
                	<h1>VÉ MÁY BAY ĐI QUỐC TẾ</h1>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
                <li>
                	<a href="#">Vé máy bay đi Anh</a>
                </li>
               
                
                <li>
                	<a href="#">Vé máy bay đi Anh Vé máy bay đi Anh</a>
                </li>    
            </ul>
        </section><!-- .block-footer -->
        
	</section><!-- .itq-wrapper -->
</section><!-- .itq-container -->
<section class="clear"></section>


<!--Slider footer-->
<section class="carousel">
	<ul>
		  <li><img src="uploads/adv-1.png"></li>
		  <li><img src="uploads/adv-2.png"></li>
		  <li><img src="uploads/adv-3.png"></li>
		  <li><img src="uploads/adv-1.png"></li>
		  <li><img src="uploads/adv-2.png"></li>
		  <li><img src="uploads/adv-3.png"></li>
		  <li><img src="uploads/adv-1.png"></li>
		  <li><img src="uploads/adv-2.png"></li>
		  <li><img src="uploads/adv-3.png"></li>
		  <li><img src="uploads/adv-1.png"></li>
		  <li><img src="uploads/adv-2.png"></li>
		  <li><img src="uploads/adv-3.png"></li>
		  <li><img src="uploads/adv-1.png"></li>
		  <li><img src="uploads/adv-2.png"></li>
		  <li><img src="uploads/adv-3.png"></li>
		  <li><img src="uploads/adv-1.png"></li>
		  <li><img src="uploads/adv-2.png"></li>
		  <li><img src="uploads/adv-3.png"></li>
		  <li><img src="uploads/adv-1.png"></li>
		  <li><img src="uploads/adv-2.png"></li>
		  <li><img src="uploads/adv-3.png"></li>
		  <li><img src="uploads/adv-1.png"></li>
		  <li><img src="uploads/adv-2.png"></li>
		  <li><img src="uploads/adv-3.png"></li>
	</ul>
</section>
<section class="clear"></section>
<footer class="itq-footer">
	
    <section class="info-footer">
        <section class="itq-wrapper">
        	
            <ul>
            	 
            	<li>
                	<h1>ĐẠI LÝ BÁN VÉ MÁY BAY GIA QUỲNH</h1>
                </li>
                <li>
                	<p>Liên hệ trực tiếp : Anh Hùng  </p>
                </li>
                <li>
                	<p>Địa chỉ : Số 234B Thụy Khuê - Hà Nội</p>
                </li>
                 <li>
                	<p>Email : xedapdien@gmail.com </p>
                </li>
                 <li>
                	<p>Điện Thoại : 0986 131 037 - 0987 454 343. </p>
                </li>
            </ul>
            <section class="linker">
                     	 
            
                <h6>Liên kết</h6>
            
                <a href="#"><img class="f-icon" src="images/face.png"></a>
                <a href="#"><img class="f-icon"  src="images/face.png"></a>
                <a href="#"><img class="f-icon"  src="images/face.png"></a>
                <a href="#"><img class="f-icon"  src="images/face.png"></a>
                   
                
            </section>
            <p class="dev">
            	Design & Developer by :  <a href="#">ITQ.VN</a>
            </p>
        
        </section> <!-- .itq-wrapper -->
    </section><!-- .info-footer -->

        
        
</footer><!-- .itq-footer -->
<section class="clear"></section>

<!--Thư viện jcarousellite -->
<script src="js/jcarousellite_1.0.1.min.js" type="text/javascript"></script>
<script src="js/jquery.jcarousellite.min.js"></script>
<!--Thư viện superslide -->
<script src="plugins/supperslide/jquery.easing.1.3.js"></script>
<script src="plugins/supperslide/jquery.animate-enhanced.min.js"></script>
<script src="plugins/supperslide/hammer.min.js"></script>
<script src="plugins/supperslide/jquery.superslides.min.js"></script>
<!--Thư viện owl -->
<script src="plugins/owl/owl.carousel.min.js"></script>
<script>
	$(document).ready(function(e) {
		
		//goi slide jcarousellite
		$(".carousel").jCarouselLite({
				auto: 5000,
				speed: 500,
				visible: 10
			});
       
		//goi slide supperslide
		$('#slides').superslides({
			play:10000,
			pagination:false,
			hashchange:false,
			inherit_width_from:'.itq-slider',
			inherit_height_from:'.itq-slider',
			 animation: 'fade'
		  });
		 //icon 
		$('.f-icon').hover(function(e) {
			  $(this).addClass('animated swing');
		  },function(e) {
		   $(this).removeClass('animated swing');
		  });
		 //may-bay
		 $('.may-bay').addClass('animated zoomInUp').delay('slow');
		 
		
    });
</script>


</body>
</html>